#{extends 'main.html' /}
#{set title:'Home' /}

<div class="container" style="width:1500px">
<div style="opacity:0.95;position:absolute;left:122px;top:10px;width:1130px;height:1450px;background-color:#FFFFFF">
<div id="header" style="background-color:#FF6600;">
<h3 style="margin-top:0;">Hello, Welcome to MIX YOUR SALAD!</h3></div>
<img class ="img-rounded" src= "/public/img/logo.jpg">
<img class ="img-rounded" src= "/public/img/salad.jpg">
<img class ="img-rounded" src= "/public/img/salad3.jpg"><img class ="img-rounded" src= "/public/img/green2.jpg">
<body background="/public/img/1.jpg"> 

<body>
  <div class="span13">
	<div class="page-header">	
	<div class="row-fluid">
	<div class="navbar">
    <div class="navbar-inner">    
    <ul class="nav nav-tabs">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">About us</a></li>
    <li><a href="#">My account</a></li>
    <li><a href="#">Contact us</a></li>
    <li><a href="#">FAQ</a></li>
    <li><a href="#">Privacy</a></li>   
    <div class="row">	
 </div> 
</div>
 </div>
  
</form>   
   </div> 
   <div>
    <div class="row">
  <form class="form-horizontal">
  <div class="control-group">
    <div class="span4 offset8">  
    <div class="controls">
      <input type="text" id="inputEmail" placeholder="Email">
    </div>
    <div class="control-group">
    <div class="controls">
      <input type="password" id="inputPassword" placeholder="Password">
    </div>
    <div class="control-group">
    <div class="controls">
      <label class="checkbox">
        <input type="checkbox"> Remember me
      </label>
      <button type="submit" class="btn">Sign in</button>
    </div>
  </div>
  </div>
</div>
</div>
</div>
</li>
 <span class="label label-warning">Most popular salad creation</span>
 <div style="font-family:verdana;padding:1px;width:800px;border-radius:2px;border:3px solid #EE872A;">
</form>
<head>
<style>
table, td, th
{
border:1px solid green;
}
th
{
background-color:green;
color:white;
}
</style>
</head>
<div class="row">
<div class="span5">
<div class="span4 offset10"> 
<span class="label label-warning">Shopping Card</span>
<div style="font-family:verdana;padding:5px;width:220px;border-radius:2px;border:3px solid #EE872A;"> 
</table>
<table border="1">
<table>
<tr>
<th>Product</th>
<th>Price</th>
<th>Select</th>
</tr>
<tr>
  <td>Vegetable salad</td>
  <td></td>
  <td>
<label class="checkbox inline">
  <input type="checkbox" id="inlineCheckbox1" value="option1"> 
</label></td>
  
</tr>
<tr>
  <td>Fruit salad</td>
  <td></td>
  <td>
<label class="checkbox inline">
  <input type="checkbox" id="inlineCheckbox1" value="option1">
</label></td>
</tr>
<tr>
  <td>Custom salad</td>
  <td></td>
  <td>
<label class="checkbox inline">
  <input type="checkbox" id="inlineCheckbox1" value="option1"> 
</label></td>
</tr>
<tr>
  <td>Drink</td>
  <td></td>
  <td>
<label class="checkbox inline">
  <input type="checkbox" id="inlineCheckbox1" value="option1"> 
</label></td>
</tr>
</table>
</div>
 
 
 <span class="label label-warning">Nutrition Facts</span>
 <div style="font-family:verdana;padding:1px;width:230px;border-radius:2px;border:3px solid #EE872A;">
   <button type="submit" class="btn btn-link">Nutrition Details</button>
   </div>
   
   <span class="label label-warning">Delivery informaion</span>
   <div style="font-family:verdana;padding:10px;width:212px;border-radius:2px;border:3px solid #EE872A;">
   
</form>

<form>
<select class="span3">
<option value="PayPal">Paypal</option>
<option value="Cash">Cash</option>
<option value="Credit Card">Credit Card</option>
</select>
</form>

</body>
<div class="controls">
<label class="checkbox inline">
  <input type="checkbox" id="inlineCheckbox1" value="option1"> Pickup
</label>
<label class="checkbox inline">
  <input type="checkbox" id="inlineCheckbox2" value="option2"> Delivery
  
</label>
  <input class="span3" type="text" placeholder="Company name">
  <label class="checkbox inline">
  <input type="checkbox" id="inlineCheckbox1" value="option1"> Mr
</label>
<label class="checkbox inline">
  <input type="checkbox" id="inlineCheckbox2" value="option2"> Ms
</label>
  <input class="span3" type="text" placeholder="first name">
  <input class="span3" type="text" placeholder="second name">
   <input class="span2" type="text" placeholder="street">
  <input class="span1" type="text" placeholder="No.">
   <input class="span1" type="text" placeholder="Code">
  <input class="span2" type="text" placeholder="City">
   <input class="span3" type="text" placeholder="Phone">
  <input class="span3" type="text" placeholder="E-mail">
</div>


<div>
  <button type="submit" class="btn btn-success">Submit order</button>
    <button type="cancel" class="btn ">cancel</button>
 
</div>
 




